
*{ margin:0; padding:0;}
body{font:12px/1.125 Arial,Helvetica,sans-serif;background:#fff;}
table{border-collapse:collapse;border-spacing:0;}
li{list-style:none;}
fieldset,img{border:0;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
q:before,q:after{content:'';}
a:focus,input,textarea{outline-style:none;}
input[type="text"],input[type="password"],textarea{outline-style:none;-webkit-appearance:none;}
textarea{resize:none}
address,caption,cite,code,dfn,em,i,th,var{font-style:normal;font-weight:normal;}
legend{color:#000;}
abbr,acronym{border:0;font-variant:normal;}
a{color:#0a8cd2;text-decoration:none;}
a:hover{}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix{display:inline-block;}
.clearfix{display:block;}
.clear{clear:both;height:0;font:0/0 Arial;visibility:hidden;}
.none{display:none}


/*top部分*/
#top{
height:30px;
background:#ff5073;
}

.top_inner,.header_inner,.nav_inner,.banner_inner,.main_inner,.footer2_inner{
width:1180px;
margin:auto;
}

.top_inner a{
font-size:12px;
text-align:center;
line-height:30px;
color:#fff;
}

.top_inner span{
font-size:12px;
text-align:center;
line-height:30px;
color:#fff;
}

.top_inner div{
float:right;
}

.top_inner ul li{
float:left;
margin-right:16px;
}

/*aside部分*/
.aside{
width:40px;
height:100%;
background:rgba(3, 3, 3, .5);
position:fixed;
right:0;
z-index:2100;
top:0;
}

.aside .aside_inner{
position:absolute;
top:60px;
}

.aside .shop_a{
display:block;
position:relative;
width:40px;
height:38px;
color:#d8d8d8;
margin-bottom:10px;
z-index:20;
opacity:0.6;
}

@keyframes listColor{
0%{
opacity:0;
}
100%{
opacity:1;
}
}

.aside .shop_a:hover{
background:#ff5073;
transition: opacity 1s linear;
opacity:1;
}

.aside .shop_a .ushop{
font-size:24px;
color:#fff;
margin-left:8px;
vertical-align:middle;
line-height:40px;
z-index:140;
}

.aside .p1{
font-size:14px;
display:block;
width:10px;
position:absolute;
left:14px;
height:40px;
line-height:20px;
}



.active{
background:#ff5073;
z-index:50;
animation:linecolor 2s 5s forwards;
}

.shopshow{
height:100%;
background:#fff;
position:fixed;
top:0;
right:-300px;
z-index:2010;
}

.shopshow .cart_content{
padding:0 17px 0 10px;

width:253px;
top: 0;
bottom: 65px;
overflow-y: auto;
overflow-x: hidden;
}

.shopshow .stitle{
 height:30px;
border-bottom:1px solid #cccccc;
 }

.shopshow .stitle .car1{
position:absolute;
text-align:center;
line-height:30px;
left:10px;
font-size:18px;
}

.shopshow .stitle .p2{
color:#8c8c8c;
font-size:30px;
display:inline-block;
width:30px;
position:absolute;
right:10px;
top: 0;
text-align:center;
line-height:30px;
}

.shopshow .car2{
margin:30px auto;
display:block;
text-align:center;
}

.shopshow .cart_po{
padding-top:10px;
font-size:16px;
}

.shopshow .cart_bot ul li{
padding:15px 0 15px 100px;
height:130px;
position:relative;
border-bottom: 1px #ddd solid;
box-sizing: border-box;
}

.shopshow .pro_bg{
width: 88px;
position: relative;
background-color: #f0f0f0;
display: inline-block;
margin-left: -100px;
float: left;
}


.shopshow .add_po{
height:25px;
}

.shopshow .produ_r .reg_t{
display:inline-block;

}

.shopshow  .produ_r{

}

.shopshow  .produ_r .item_tit{
font-size:16px;
}

.shopshow  .produ_r .reg{
background:url("../img/mbar-smallICon.png") no-repeat -140px -29px;
width:20px;
height:20px;
display:inline-block;
border:0;
z-index:10;
}


.shopshow  .produ_r .pro_num{
display:inline-block;
width:20px;
height:20px;
vertical-align:middle;
font-size:16px;
padding:0 5px;
}

.shopshow  .produ_r .addg{
background:url("../img/mbar-smallICon.png") no-repeat -58px -29px;
width:20px;
height:20px;
display:inline-block;
z-index:10;
}

.shopshow  .produ_r .price_pro{
font-size:16px;
color:#ff5037;
}

.shopshow .cart_bot ul li img{
width:88px;
height:95px;
display:inline-block;
float:left;
}

.shopshow .del{
background:url("../img/mbar-smallICon.png") no-repeat -146px 0;
width:22px;
height:22px;
display:inline-block;
}

.shopshow .shop_to{
position: absolute;
top: auto;
bottom: 0;
height:47px;
border-top: 1px #ddd dashed;
width:250px;
}

.shopshow .shop_to a{
display: block;
height: 22px;
background: #ff5073;
border-radius: 5px;
font-size: 16px;
color: #fff;
text-align: center;
padding: 10px;
line-height: 22px;
}


/*header部分*/
header{
height:90px;
overflow:hidden;
width:100%;
}

header .header_inner{
position:relative;
height:95px;


}

.header_inner .header_main{
margin-top:24px;

}

.header_inner .header_login{
background:url("../img/logo_memebox.png") no-repeat;
width:236px;
height:36px;
float:left;
}


.header_inner .search{
width:426px;
height:40px;
border:1px solid #ff5073;
border-radius:20px;
float:left;
margin-left:40px;
position:relative;

}

.header_inner .search2{
position:absolute;
top:5px;
left:660px;
color:red;
font-size:30px;
}

.header_main .downloadapp{
background:url("../img/wei1_03.png");
width:237px;
height:95px;
float:right;
position:absolute;
right:0;
top:-25px;
}

/*nav部分*/
nav{
height:44px;
border-top:1px solid #ccc;
border-bottom:1px solid #ccc;
}
.nav_inner{

}

.nav_inner ul{
width:1160px;
height:44px;
float:left;
z-index:2000;
position:relative;
}


.nav_inner ul li{

float:left;
height:44px;
text-align:center;
line-height:44px;

}

.nav_inner ul li a{
width:80px;
text-align:center;
line-height:44px;
float:left;
display:block;
font-size:16px;
color:#000000;
padding-top:8px;
}



.nav_inner ul li .hot{
 background:url("../img/newhome_icon.png") no-repeat;
 background-position-x:0;
 background-position-y:-322px;
 width:28px;
 height:20px;
 display:block;
 position:absolute;
 left:292px;
margin-top:5px;
margin-left:-8px;
 }

.nav_inner ul li .new{
background:url("../img/newhome_icon.png") no-repeat;
background-position-x:0;
background-position-y:-430px;
width:28px;
height:20px;
display:block;
position:absolute;
left:526px;
margin-top:5px;
margin-left:-8px;
}

.nav_inner ul .reguar_t{
width:164px;
background:#f2f2f2;

}
.nav_inner ul li .reguar{
width:164px;
text-align:center;
color:#000000;
z-index:400;
}

.nav_inner ul li .submenu{
display:none;
position:absolute;
padding-top:1px;
border-right:5px solid rgba(0,0,0,0.1);
z-index:3000;
top:43px;
}


.nav_inner ul li .submenu-scroll{
height: 214px;
overflow-y:auto;
overflow-x:hidden;
background:#fff;
}


.nav_inner ul li .submenu-scroll .list3{
width:208px;
background:#ffffff;
 padding:10px 16px 0 16px;
border-top: 1px solid #ddd
}

.nav_inner ul li .submenu-scroll .list3 li{
text-align: left;
width:100% !important;
line-height:0;
height:30px;
}


.nav_inner ul li .submenu-scroll .list3 a{
 display:block;
 width:auto;
 font-size:14px;
 word-wrap:break-word;
 color:#666;
 line-height: 10px;
}

.nav_inner ul li .submenu .t1{
top:43px;
}


.nav_inner ul li .submenu .t2{
top:43px;

}

.nav_inner ul li .submenu .t3{
top:43px;
left:580px;
}

.nav_inner ul li .submenu .t4{
top:43px;
left:680px;
}

.nav_inner ul li .submenu .t5{
top:43px;
left:780px;
}

/*banner部分*/
#banner{
height:480px;
overflow:hidden;
position:relative;
}

.current{
background:#ff5073 !important;
}

#banner .wol{
z-index:9000;
bottom:10px;
height:30px;
position:absolute;
width:100%;
text-align:center;
}

#banner .wol .wol_d{
text-align:center;
width:30px;
height:30px;
display:inline-block;
}

#banner .wol .wol_d span{
display: block;
border-radius: 20px;
background-color: #fff;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
width: 16px;
height: 16px;
margin: 8px;
}

#banner .list4{
width: 5396px;
display:block;
overflow:hidden;
position:relative;
}

#banner .list4 li{
float:left;
position:relative;
left:-300px;
}

#banner .b_f{
/*width: 1920px;*/
/*position: absolute;*/
/*top: 0;*/
/*left: 50%;*/
/*margin-left: -960px;*/
}

#banner img{
width:100%;
vertical-align: middle;
border: 0;

}

.banner_inner{
position:relative;
}

 .banner_list{
position:absolute;
width:164px;
height:482px;
z-index:9999;
}

.banner_list .list1{
background: rgba(3,3,3,.5);
height:482px;
}
.banner_list .list1 li{
width:128px;
padding-left:36px;

}

.banner_list .list1 li p{
text-align:left;
width:106px;
height:40px;
line-height:40px;
display:block;
}

.banner_list .list1 li a{
line-height:40px;
color:white;
z-index:20;
font-size:14px;
}

.banner_list .list1 li .subclass{
width:172px;
height:480px;
position:absolute;
top:0;
left:164px;
border-right: 5px solid rgba(0,0,0,0.1);
color:#666;
display:none;
}

.banner_list .list1 li .list2{
padding-top:10px;
height:480px;
width:172px;
background:rgb(255,255,255);
}

.banner_list .list1 li .list2 li a{
color:#666;
text-align:left;
display:block;
}

/*main部分*/

main{
height:436px;
}

.main_inner{
position:relative;
}

.main_inner .like{
height:84px;
position:relative;
}

.main_inner .like p{
float:left;
line-height:84px;
font-size:24px;
margin-left:20px;
}

.main_inner .like span{
position:absolute;
left:100px;
line-height:84px;
margin-left:50px;
}


.main_shop{
width:1300px;
height:350px;
overflow:hidden;

}


.main_shop .shop{
float:left;
}

.main_shop .shop_name{
height:40px;
text-align:center;
}
.main_shop .shop_price{
height:40px;
text-align:center;
font-size:18px;
color:#ff5073;
}


.main_m div:nth-child(1){

width:48%;
height:340px;
float:left;
}

.main_m div:nth-child(2){
float:left;
width:48%;
height:340px;
margin-left:20px;
}

.main_m div:nth-child(3){
float:left;
width:48%;
height:340px;
}

.main_m div:nth-child(4){
float:left;
width:48%;
height:340px;
margin-left:20px;
}

.main_m div img{
width:100%;
}


/*商品部分*/
.products{

}

.products .item{
float:left;
width:350px;
position:relative;
margin-right:43px;
margin-top:60px;
}

.products .item:hover{
box-shadow:0px 0px 10px #b2b2b2;
z-index:2;
}

.products .item .good_local{
position:absolute;
left:60px;
top:40px;
}

.products .item .item_bo{
padding:40px 40px 0 40px;
display:block;
}

.products .item .item_bo img{
width:270px;
height:270px;
}

.products .item .good_local{
display:block;
}

.products .item .shop_name{
color:#5C5C5C;
display:block;
margin-left:40px;
font-size:16px;
line-height:30px;
}

.products .item .bnef{
color:#5C5C5C;
display:block;
font-size:20px;
font-weight:100;
margin-left:40px;
padding-bottom:20px;
}

.products .item .price{
height:60px;

background:#fff5f9;
padding:0 0 0 20px;
}

.products .item .price .price_r{
color:#ff7e00;
font-size:22px;
float:left;
text-align:center;
line-height:60px;
margin-right:6px;
}

.products .item .price_del{
float:left;
text-align:center;
line-height:20px;
width:80px;
height:60px;
margin-right:40px;
}

.products .item .price_del span:nth-child(1){
color:rgb(190, 183, 186);
text-decoration:line-through;
margin-top:10px;
display:block;
}

.products .item .price_del span:nth-child(2){
color:#fd81c1!important;
font-size:12px;
}

.price .add{
width:120px;
height:60px;
background:#fd49ac;
border:0;
color:#fff;
font-size:20px;
position:absolute;
right:0;
}

/*aside2部分*/
#aside2{
height:180px;
background:#f3f1f2;
margin-top:80px;
}

#aside2 .aside_f1{
float:left;
width:25%;
text-align:center;
padding:40px 0;
font-size:20px;
font-weight:900;
}

#aside2 .aside_f1 div{
margin-top:10px;
}

/*footer部分*/
footer{
margin-top:30px;
}

.footer_inner .foot_l{
float:left;
width:33%;
text-align:center;
}

.footer_inner .foot_l div{
float:left;
margin-top:6px;
margin-right:10px;
}

.footer_inner .foot_l .flogin{
margin-left:160px;
float:left;
}

.footer_inner .foot_b .foot_f1 .f1_h{
font-size:20px;
font-weight:600;
}

.footer_inner .foot_b .foot_f1{
float:left;
border-left: 1px solid #eaeaea;
width: 16%;
text-align: left;
}

.footer_inner .foot_b .foot_f1 li{
padding: 7px 0;
font-size: 14px;
color: rgb(51, 51, 51);
margin-left: 35px;
}

.footer_inner .foot_b .foot_f1 li a{
color:#000000;
}

/*footer部分*/
#footer2{
margin-top:20px;
border-top:1px solid #cccccc;
border-bottom:1px solid #cccccc;
padding:15px 0;
}
#footer2 .footer2_inner p{
text-align:center;
display:block;
font-weight:600;
font-size:14px;
margin-bottom:8px;
}

#footer2 .footer2_inner .time{
text-align:center;
font-size:12px;
}

#footer2 .footer2_inner .time span{
margin-right:20px;
}

/*bottom部分*/
#bottom{
margin-top:20px;
}

#bottom .bottom_l{
display:inline-block;
margin-left:140px;
font-size:12px;
}

#bottom .bottom_r{
display:inline-block;
float:right;
margin-right:80px;
font-size:12px;
text-align:center;

}

#bottom .bottom_r img{
width:20px;
height:20px;
}

.u-flyer{display: block;width: 50px;height: 50px;border-radius: 50px;position: fixed;z-index: 9999;}

#msg{position:fixed; top:300px; right:35px; z-index:10000; width:1px; height:52px; line-height:52px; font-size:20px; text-align:center; color:#fff; background:#360; display:none}